<template>
    <div id="select-lottery">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="con1">
                        <div class="col-md-3">
                            <leftSide></leftSide>
                        </div>
                    </div>
                    <!--中间部分-->
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-12">
                                <top-carousel></top-carousel>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <Trumpet></Trumpet>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <bet></bet>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 extra" style="width: 680px;height: 253px; margin-left: 14px">
                                <ball></ball>
                            </div>
                        </div>
                    </div>
                    <!--右边部分-->
                    <div class="col-md-3">
                       <right-side></right-side>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import LeftSide from './LeftSide'
    import TopCarousel from './TopCarousel'
    import Trumpet from './Trumpet'
    import Bet from './Bet'
    import Ball from './Ball'
    import RightSide from './RightSide'

    export default {
        name: "select-lottery",
        components: {
            LeftSide,
            TopCarousel,
            Trumpet,
            Bet,
            Ball,
            RightSide
        }
    }
</script>

<style scoped>
#select-lottery{
    background: #f7f7f7;
}
#select-lottery .panel-body .con1 .col-md-3{
    padding-left: 0;
    padding-right: 0;
}
#select-lottery .panel-body{
    padding-top: 0;
}
#select-lottery .extra{
    border: 1px solid #ddd;
}
</style>
